<!doctype html>
<html lang="en" class="h-100">
  <head>
    <meta charset="utf-8">
    <title>课程表查询</title>
    <style>

        body{
            background-image: linear-gradient(to right,cornflowerblue,lightskyblue);
        }

        h1{
            position: absolute;
             top: 15%;
             left :40%;
             text-align: center;

        }

        h2{
             position: absolute;
             top: 28%;
             left :38%;
             text-align: center;

        }
        label{
            font-size: 2em;
        }
        input{
    width: 278px;
    height: 40px;
    margin: 1em 0;
}

    </style>


    <!-- Custom styles for this template -->
    <link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet">
  </head>

  <body class="d-flex h-100 text-center text-white ">

<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
  <header class="mb-auto">
  </header>
       <h1>课表查询系统</h1>
<div>
    <h2>请输入你的学号进行查询~</h2>
      <form method='POST' action="/class1">
    <label>student_id：</label>
          <input class="put" type="text" name="input"><br><br><br>
<input type="submit" value="提交"><br>
    </form>


</div>
    <footer class="mt-auto text-white-50">
    <p>

    </p>
  </footer>
</body>
</html>

